<!--<link rel="stylesheet" href="/stylesheets/ease/ease.css">-->
<style>

</style>
<div id="orders-header" class="header1-wrapper bc">
    <div class="header1 rela bc1">
        <div class="title txtc white">我的订单</div>
        <a class="btn-home white" href="#/" >
            <i class="icon-home2"></i>
        </a>
    </div>
    <div class="txtc orders-top" style="">
        <table  width="100%" cellspacing="0" style="width:100%;padding:0;">
            <tr style="border:0;">
                <td width="50%">
                    <div class="orders-switch done" ng-class="{active:orderSwitch}" ng-click="switchOrders(0)">未评价</div>
                </td>
                <td >
                    <div class="orders-switch commented" ng-class="{active:!orderSwitch}" ng-click="switchOrders(1)">已评价</div>
                </td>
            </tr>
        </table>
    </div>
</div>
<div id="wrapper" class=" bc" style="top:6.2em;background: #eee;">
    <div id="scroller">
        <div style="padding:0 0.8em;">
            <div class="orders-list " ng-class="{hidden:!orderSwitch}">
                <div class="order-item  bc3 lh18 bc3" ng-repeat="order in orders" ng-click="goDetail($index)">

                    <div class="order-con1 rela">
                        <span class="light">始发：</span><span class="dark from-city">{{order.startstation}}</span><br/>
                        <span class="light">目的：</span><span class="dark to-city">{{order.endstation}}</span><br/>
                        <span class="light">承运：</span><span class="dark from-date">{{order.starttime | dateFormat}}</span><br/>
                        <span class="light">到货：</span><span class="dark to-date">{{order.endtime | dateFormat}}</span>
                        <span class="state lh bc1 btni" style="position:absolute;right:0;top:0;">已接受</span>
                        <div class="prize-wrapper tbc large" style="position: absolute;right:0;bottom:20px;"><span class="price">{{order.price}}</span>元</div>
                        <div class="note-wrapper small light">备注：<span class="note">{{order.note}}</span> </div>
                    </div>
                    <div class="order-con2  txtc bc2 white lh24">
                        <table border="0" cellspacing="0" width="100%" style="width:100%;padding:0;">
                            <tr style="border:0;">
                                <td  style="width:50%;">
                                    <div style="border-right: 1px solid #fff;">联系人：{{order.contact}}</div>
                                </td>
                                <td>
                                    <div>电话：{{order.phone}}</div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="orders-list " ng-class="{hidden:orderSwitch}">
                <div class="order-item  bc3 lh18 bc3" ng-repeat="order in commentedOrders" ng-click="goDetail($index)">

                    <div class="order-con1 rela">
                        <span class="light">始发：</span><span class="dark from-city">{{order.startstation}}</span><br/>
                        <span class="light">目的：</span><span class="dark to-city">{{order.endstation}}</span><br/>
                        <span class="light">承运：</span><span class="dark from-date">{{order.starttime | dateFormat}}</span><br/>
                        <span class="light">到货：</span><span class="dark to-date">{{order.endtime | dateFormat}}</span>
                        <span class="state lh bc1 btni" style="position:absolute;right:0;top:0;">已评价</span>
                        <div class="prize-wrapper tbc large" style="position: absolute;right:0;bottom:20px;"><span class="price">{{order.price}}</span>元</div>
                        <div class="note-wrapper small light">备注：<span class="note">{{order.note}}</span> </div>
                    </div>
                    <div class="order-con2  txtc bc2 white lh24">
                        <table border="0" cellspacing="0" width="100%" style="width:100%;padding:0;">
                            <tr style="border:0;">
                                <td  style="width:50%;">
                                    <div style="border-right: 1px solid #fff;">联系人：{{order.contact}}</div>
                                </td>
                                <td>
                                    <div>电话：{{order.phone}}</div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--已评价订单列表-->

</div>
